// React + TS

// 指定子组件props的数据类型

// 通过定义类型别名来定义props的类型
// type Props = {
//   className: string,
//   title?: string
// }

// 与上面的写法作用完全一致
interface Props {
  className: string,
  title?: string
 }

function Button(props: Props) {
  const {className} = props
  
  return <button className={className}>click me</button>
}

function App() {
  
  return (
    <>
      This is App
      <Button className="test" />
    </>
  )
}

export default App
